<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>
</head>
<!--
v-model 绑定一个属性名,当我们给当前的标签赋值的时候,属性的值也会跟着变化
-->
<body>
<div id="app">
<input type="text" v-model="title"><br>
    {{title}}<br>
    <a v-bind:href="link">超链接</a>
</div>
</body>
<script>
    Vue.config.productionTip =false;
    new Vue({
        el:"#app",
        data:{
            title: "wyf还有三十秒到达现场,碾碎她吧!!",
            link: "https://www.baidu.com"
            }
    })
</script>
</html>